import { memo, useEffect } from 'react'
import type { FC, ReactNode } from 'react'
import { getDame } from '@/apis/demo.ts'
import { Button } from '@arco-design/web-react'

interface IProps {
  children?: ReactNode
}

const Demo: FC<IProps> = () => {
  useEffect(() => {
    getDame().then((res) => {
      console.log(res)
    })
  })
  return (
    <div>
      discover
      <Button type="primary">arco</Button>
      <h1 className="text-3xl font-bold underline">Hello world!</h1>
    </div>
  )
}

export default memo(Demo)
